<!-- Just want to give credit to Web-Kreation for the Jquery panel that made this E-commerce login section possible -->
<!-- Panel -->
<div id="toppanel">
	<div id="panel">
	  <div class="content clearfix">
			<div class="left">
             <?php if(IsLoggedIn()){ ?>
                <h2>Welome <?=GetUserName()?>!</h2>		
				<p class="grey">Would You Like to Log Out?</p>
       		<a href="logout.php">Logout</a>
    <p class="grey">Did you know <?=GetUserName()?> that this site was created by Michael Garfinkel. Though the sliding panel was done by Web-Kreation.</p>

            </div>
			<div class="left">
				<!-- Login Form --><?php }else{ ?>
        <form method="post">
        					<label class="grey" for="email">Email:</label>
                <input class="field" type="email" name="email" />
                <label class="grey" for="password">Password:</label>
            <input class="field" type="password" name="password" />
            <input type="submit" class="bt_login" value="Log In" />
        </form>
    <?php } ?>	
		  </div>
			<div class="left right">			
				<!-- Register Form -->
                <h2>Did You Know you have a shopping cart?</h2>
                <p class="grey">You can view it by clicking below</p>
                <a href="cart.php">View Cart</a>
			</div>
		</div>
</div> <!-- /login -->	

	<!-- The tab on top -->	
	<div class="tab">
		<ul class="login">
			<li class="left">&nbsp;</li>
             <?php if(IsLoggedIn()){ ?>
             <li>Hi <?=GetUserName()?>!</li>
             <?php }else{ ?>
			<li>Hi Guest!</li>
            <?php } ?>
			<li class="sep">|</li>
			<li id="toggle">
             <?php if(IsLoggedIn()){ ?>
				<a id="open" class="open" href="#">Log Out</a>
                 <?php }else{ ?>
                 <a id="open" class="open" href="#">Log In</a>
                 <?php } ?>
				<a id="close" style="display: none;" class="close" href="#">Close Panel</a>			
			</li>
			<li class="right">&nbsp;</li>
		</ul> 
	</div> <!-- / top -->
	
</div> <!--panel -->